Skip to main content (Press Enter).
This is the current news about
camera olympus stylus|Olympus Stylus 1 Overview
camera olympus stylus|Olympus Stylus 1 Overview
camera olympus stylus|Olympus Stylus 1 Overview
<span class="header_banner_https"></span> <div class="header_banner_content"> <p><strong>camera olympus stylus|Olympus Stylus 1 Overview </strong></p> <div> A <strong>lock (<span class="header_banner_icon_lock"> <svg xmlns="http://www.w3.org/2000/svg" width="52" height="64" viewbox="0 0 52 64"> <title>lock</title> <path fill="#FFF" fill-rule="evenodd" d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z"></path> </svg> </span>)</strong> or <strong>camera olympus stylus|Olympus Stylus 1 Overview </strong> Check UK 49s Teatime results history (last 12 months). Track winning numbers for insights and informed play. Stay up-to-date with past draws! </div> </div> </div> </div> </div> </div> <div class="header-utility-nav"> <div class="inner"> <ul class="social-nav"> <li class="social-item"> <a href="/download/hetfbnbr-279/" target="_blank" rel="noopener noreferrer" title="Twitter"> <span class="social-icon fa fa-twitter social-link-4"></span> </a> </li> <li class="social-item"> <a href="/download/yhgyfyrx-234/" target="_blank" rel="noopener noreferrer" title="Facebook"> <span class="social-icon fa fa-facebook social-link-1"></span> </a> </li> <li class="social-item"> <a href="/android/dlpvmqmb-284/" target="_blank" rel="noopener noreferrer" title="Instagram"> <span class="social-icon fa fa-instagram social-link-3"></span> </a> </li> <li class="social-item"> <a href="/ios/ibqoqwbg-154/" target="_blank" rel="noopener noreferrer" title="LinkedIn"> <span class="social-icon fa fa-linkedin social-link-50"></span> </a> </li> <li class="social-item"> <a href="/ios/jfwotdpx-275/" target="_blank" rel="noopener noreferrer" title="YouTube"> <span class="social-icon fa fa-** social-link-2"></span> </a> </li> </ul> </div> </div> <div class="header-main-nav-wrapper"> <div class="header-inner"> <div id="nav-burger" class="hide-on-mobile-nav-open" aria-role="button" aria-label="toggle navigation"><span></span><span></span><span></span><span></span></div> <a class="logo" href="/" target=""> <img src="/template/qiye/picture/DOD-Icon-Header.png" alt="Logo for " title=""> <span></span> </a> <nav class="main"> <ul> <li class="mobile-back"><a href="/android/htdrtefd-276/"><i class="fa fa-chevron-left"></i>Back</a></li> <li class="mobile-home"><a href="/android/zcgvnsjn-42/">Home</a></li> <li class="mobile-level1-placeholder"><a href="#">Place Holder</a></li> <li class="desktop-blank"></li> <li class="parent top-level "> <a href="/blog/dfkerclr-141/" tabindex="0" aria-expanded="false">News<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/blog/nvezawem-299/" tabindex="0" aria-expanded="false"><span class="main">Press Products</span></a> <ul class="parent"> <li class=""> <a href="/ios/ptmxelvz-241/" tabindex="0"><span class="main">Today in DOD</span></a> </li> <li class=""> <a href="/download/krcpqmhp-237/" tabindex="0"><span class="main">Live Events</span></a> </li> <li class=""> <a href="/jili/prrdityo-146/" tabindex="0"><span class="main">Releases</span></a> </li> <li class=""> <a href="/download/iadhvevx-40/" tabindex="0"><span class="main">Advisories</span></a> </li> <li class=""> <a href="/blog/zqvxxzdm-131/" tabindex="0"><span class="main">Transcripts</span></a> </li> <li class=""> <a href="/ph/gomgahsw-37/" tabindex="0"><span class="main">Speeches</span></a> </li> <li class=""> <a href="/news/tebsbqyg-208/" tabindex="0"><span class="main">Publications</span></a> </li> <li class=""> <a href="/news/soezgukz-236/" tabindex="0"><span class="main">Contracts</span></a> </li> </ul> </li> <li class="parent"> <a href="/ph/yqdhvjmu-272/" tabindex="0" aria-expanded="false"><span class="main">Newsroom</span></a> <ul class="parent"> <li class=""> <a href="/blog/vwyenuxt-96/" tabindex="0"><span class="main">News Stories</span></a> </li> <li class=""> <a href="/jili/qapjiizn-180/" tabindex="0"><span class="main">Feature Stories</span></a> </li> <li class=""> <a href="/blog/xegqyxrb-151/" tabindex="0"><span class="main">Stories from the Services</span></a> </li> </ul> </li> <li class="parent"> <a href="/ios/ugpdqhep-26/" aria-expanded="false"><span class="main">Multimedia</span></a> <ul class="parent"> <li class=""> <a href="/ios/zzksnglh-284/" tabindex="0"><span class="main">Photos</span></a> </li> <li class=""> <a href="/ph/ppjrelui-237/" tabindex="0"><span class="main">Videos</span></a> </li> <li class=""> <a href="/jili/cdjxumsv-264/" tabindex="0"><span class="main">Interactive Experiences</span></a> </li> </ul> </li> </ul> </div> </li> <li class="parent top-level "> <a href="/ios/dqhaoewv-167/" tabindex="0" aria-expanded="false">Spotlights<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/jili/pgyhdqeu-83/" aria-expanded="false"><span class="main">Trending Issues</span></a> <ul class="parent"> <li class=""> <a href="/ios/otcuyzlw-62/" tabindex="0"><span class="main">Taking Care of Our People</span></a> </li> <li class=""> <a href="/android/jdkusveg-171/" tabindex="0"><span class="main">NATO</span></a> </li> <li class=""> <a href="/blog/dhiegxpk-190/" tabindex="0"><span class="main">Focus on the Indo-Pacific</span></a> </li> <li class=""> <a href="/jili/upsqyjht-219/" tabindex="0"><span class="main">Support for Ukraine</span></a> </li> </ul> </li> <li class="parent"> <a href="/download/ozmufcyg-36/" aria-expanded="false"><span class="main">Topics</span></a> <ul class="parent"> <li class=""> <a href="/ios/csgvzqnw-188/" tabindex="0"><span class="main">Value of Service</span></a> </li> <li class=""> <a href="/ios/btwbuocg-146/" tabindex="0"><span class="main">Science & Technology</span></a> </li> <li class=""> <a href="/ios/yfyuwysj-189/" tabindex="0"><span class="main">Face of Defense</span></a> </li> <li class=""> <a href="/jili/imdhwbae-200/" tabindex="0"><span class="main">All Spotlights</span></a> </li> </ul> </li> </ul> </div> </li> <li class="parent top-level "> <a href="/blog/vdnblhih-83/" tabindex="0" aria-expanded="false">About<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/news/tbxuioze-232/" tabindex="0" aria-expanded="false"><span class="main">Leadership</span></a> <ul class="parent"> <li class=""> <a href="/android/cfriglpp-137/" tabindex="0"><span class="main">Secretary of Defense</span></a> </li> <li class=""> <a href="/download/qnkrigbi-157/" tabindex="0"><span class="main">Deputy Secretary of Defense</span></a> </li> <li class=""> <a href="/blog/kjciuxxc-90/" tabindex="0"><span class="main">Chairman of the Joint Chiefs of Staff</span></a> </li> <li class=""> <a href="/ph/jolxsckl-87/" tabindex="0"><span class="main">Vice Chairman of the Joint Chiefs of Staff</span></a> </li> <li class=""> <a href="/news/tcreufcz-293/" tabindex="0"><span class="main">Office of the Secretary of Defense</span></a> </li> <li class=""> <a href="/ph/hqxuacfo-176/" tabindex="0"><span class="main">More Leaders</span></a> </li> </ul> </li> <li class="parent"> <a href="/ios/ymnquqms-61/" aria-expanded="false"><span class="main">Components</span></a> <ul class="parent"> <li class=""> <a href="/jili/othfsewz-294/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Army</span></a> </li> <li class=""> <a href="/download/ocnpzbge-254/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Marine Corps</span></a> </li> <li class=""> <a href="/android/bsjdlper-209/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Navy</span></a> </li> <li class=""> <a href="/ph/eiwdflwq-222/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Air Force</span></a> </li> <li class=""> <a href="/blog/kfrxcgdh-132/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Space Force</span></a> </li> <li class=""> <a href="/blog/jsmdwhki-113/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Coast Guard</span></a> </li> <li class=""> <a href="/blog/hntqjpof-225/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">National Guard</span></a> </li> <li class=""> <a href="/news/tfmvbnux-173/" tabindex="0"><span class="main">Combatant Commands</span></a> </li> </ul> </li> </ul> </div> </li> </ul> <div class="nav-search-icon" tabindex="0"> <i class="fa fa-search"></i> </div> <div class="nav-search"> <label for="desktop-search" class="sr-only">Search</label> <input id="desktop-search" title="Search" aria-label="Search" type="search" autocomplete="off" maxlength="256" name="header-search" placeholder="Search..." value=""> <span class="search-icon" tabindex="0"><i class="fa fa-search" aria-label="Search"></i></span> <span class="close-icon" tabindex="0"><i class="desktop-search-close" aria-label="Search"></i></span> </div> <div class="level2-backdrop"> <div class="backdrop-image"></div> </div> </nav> </div> </div> <div id="mobile-overlay"></div> <div id="nav-drawer"> <div class="drawer-inner"> <div id="nav-burger" class="internal" aria-role="button" aria-label="toggle navigation"><span></span><span></span><span></span><span></span></div> <div class="search-wrap"> <label for="mobile-search" class="sr-only">Search</label> <input id="mobile-search" type="search" title="Search" id="search-main" placeholder="Search" maxlength="256" autocomplete="off" name="search-main"> <span id="search-main-icon"><i class="fa fa-search"></i></span> <a href="#" class="skin-search-go">Search</a> </div> <nav> <div class="primary"> <ul> <li class="mobile-back"><a href="#"><i class="fa fa-chevron-left"></i>Back</a></li> <li class="mobile-home"><a href="https://www.trannutrition.com">Home</a></li> <li class="mobile-level1-placeholder"><a href="#">Place Holder</a></li> <li class="desktop-blank"></li> <li class="parent top-level "> <a href="/jili/phmvcsaq-221/" tabindex="0" aria-expanded="false">News<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/blog/rizgxvyy-267/" tabindex="0" aria-expanded="false"><span class="main">Press Products</span></a> <ul class="parent"> <li class=""> <a href="/bet/atqylajn-131/" tabindex="0"><span class="main">Today in DOD</span></a> </li> <li class=""> <a href="/download/qlevxmhi-81/" tabindex="0"><span class="main">Live Events</span></a> </li> <li class=""> <a href="/jili/dprpracc-56/" tabindex="0"><span class="main">Releases</span></a> </li> <li class=""> <a href="/ios/wvbjpmhh-298/" tabindex="0"><span class="main">Advisories</span></a> </li> <li class=""> <a href="/blog/kfrxcgdh-132/" tabindex="0"><span class="main">Transcripts</span></a> </li> <li class=""> <a href="/bet/owepphrf-34/" tabindex="0"><span class="main">Speeches</span></a> </li> <li class=""> <a href="/jili/cxbyjzgv-41/" tabindex="0"><span class="main">Publications</span></a> </li> <li class=""> <a href="/download/hhjzrdas-188/" tabindex="0"><span class="main">Contracts</span></a> </li> </ul> </li> <li class="parent"> <a href="/ios/jfnpvqtg-286/" tabindex="0" aria-expanded="false"><span class="main">Newsroom</span></a> <ul class="parent"> <li class=""> <a href="/ph/xzpsccch-247/" tabindex="0"><span class="main">News Stories</span></a> </li> <li class=""> <a href="/bet/pnkxcwyr-145/" tabindex="0"><span class="main">Feature Stories</span></a> </li> <li class=""> <a href="/jili/ylzkvimh-122/" tabindex="0"><span class="main">Stories from the Services</span></a> </li> </ul> </li> <li class="parent"> <a href="/download/qpslgjus-100/" aria-expanded="false"><span class="main">Multimedia</span></a> <ul class="parent"> <li class=""> <a href="/ios/drblbqre-206/" tabindex="0"><span class="main">Photos</span></a> </li> <li class=""> <a href="/news/tnsljwbp-42/" tabindex="0"><span class="main">Videos</span></a> </li> <li class=""> <a href="/jili/rtpmmoge-101/" tabindex="0"><span class="main">Interactive Experiences</span></a> </li> </ul> </li> </ul> </div> </li> <li class="parent top-level "> <a href="/ios/icjopcoj-215/" tabindex="0" aria-expanded="false">Spotlights<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/ph/hxetyjxp-125/" aria-expanded="false"><span class="main">Trending Issues</span></a> <ul class="parent"> <li class=""> <a href="/android/pbnjhmev-181/" tabindex="0"><span class="main">Taking Care of Our People</span></a> </li> <li class=""> <a href="/bet/nqjlvgyw-19/" tabindex="0"><span class="main">NATO</span></a> </li> <li class=""> <a href="/download/kvllmhal-189/" tabindex="0"><span class="main">Focus on the Indo-Pacific</span></a> </li> <li class=""> <a href="/jili/ekcujwrs-183/" tabindex="0"><span class="main">Support for Ukraine</span></a> </li> </ul> </li> <li class="parent"> <a href="/download/lwlqzjjq-257/" aria-expanded="false"><span class="main">Topics</span></a> <ul class="parent"> <li class=""> <a href="/bet/vxpqbhpx-126/" tabindex="0"><span class="main">Value of Service</span></a> </li> <li class=""> <a href="/jili/phvrpefy-195/" tabindex="0"><span class="main">Science & Technology</span></a> </li> <li class=""> <a href="/jili/jbthlmxt-289/" tabindex="0"><span class="main">Face of Defense</span></a> </li> <li class=""> <a href="/jili/nbsdymhl-13/" tabindex="0"><span class="main">All Spotlights</span></a> </li> </ul> </li> </ul> </div> </li> <li class="parent top-level "> <a href="/android/jixaccjc-58/" tabindex="0" aria-expanded="false">About<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="level2-container"> <ul class="level2"> <li class="parent"> <a href="/bet/dhctczlv-95/" tabindex="0" aria-expanded="false"><span class="main">Leadership</span></a> <ul class="parent"> <li class=""> <a href="/jili/prrdityo-111/" tabindex="0"><span class="main">Secretary of Defense</span></a> </li> <li class=""> <a href="/android/vhmiozaw-199/" tabindex="0"><span class="main">Deputy Secretary of Defense</span></a> </li> <li class=""> <a href="/android/fvpcljij-83/" tabindex="0"><span class="main">Chairman of the Joint Chiefs of Staff</span></a> </li> <li class=""> <a href="/ph/kaxwzvcn-57/" tabindex="0"><span class="main">Vice Chairman of the Joint Chiefs of Staff</span></a> </li> <li class=""> <a href="/bet/vluaabua-26/" tabindex="0"><span class="main">Office of the Secretary of Defense</span></a> </li> <li class=""> <a href="/ph/cqsbwurs-5/" tabindex="0"><span class="main">More Leaders</span></a> </li> </ul> </li> <li class="parent"> <a href="/blog/ehvhozss-115/" aria-expanded="false"><span class="main">Components</span></a> <ul class="parent"> <li class=""> <a href="/bet/dqhfzzkw-112/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Army</span></a> </li> <li class=""> <a href="/news/owepphrf-249/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Marine Corps</span></a> </li> <li class=""> <a href="/ios/qzbyscwx-179/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Navy</span></a> </li> <li class=""> <a href="/news/ixfgbfit-99/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Air Force</span></a> </li> <li class=""> <a href="/jili/mrxxhpcs-66/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Space Force</span></a> </li> <li class=""> <a href="/ios/kxmenocf-114/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Coast Guard</span></a> </li> <li class=""> <a href="/ph/rinnvkyp-268/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">National Guard</span></a> </li> <li class=""> <a href="/bet/pyhqoubu-12/" tabindex="0"><span class="main">Combatant Commands</span></a> </li> </ul> </li> </ul> </div> </li> </ul> <ul> <li class="parent top-level"> <a href="#" target="" tabindex="0" aria-expanded="false">Legal & Administrative<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a> <div class="arrow-down"><i></i></div> <div class="level2-container"> <ul class="level2"> <ul class=""> <li class=""> <a href="/blog/fwcmeexk-182/"> <span class="text text-link-12">Privacy & Security</span> </a> </li> <li class=""> <a href="/ph/neqagpzl-252/"> <span class="text text-link-17">Links Disclaimer</span> </a> </li> <li class=""> <a href="/jili/ygzvvsxx-210/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-13">Section 508</span> </a> </li> <li class=""> <a href="/news/bkofdjah-15/"> <span class="text text-link-52">DOD Social Media Policy</span> </a> </li> <li class=""> <a href="/ph/pmbxkoni-149/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-14">Web Policy</span> </a> </li> <li class=""> <a href="/android/bvzkqoup-19/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-37">Plain Writing Act</span> </a> </li> <li class=""> <a href="/download/qfrmwjdd-13/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-38">DOD IG</span> </a> </li> <li class=""> <a href="/download/quplxioj-123/ " target="_blank" rel="noopener noreferrer"> <span class="text text-link-39">Reporting Civilian Casualties</span> </a> </li> <li class=""> <a href="/bet/gnzegdbt-74/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-40">No FEAR Act</span> </a> </li> <li class=""> <a href="/android/ehvpjtji-3/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-41">Imagery Use</span> </a> </li> <li class=""> <a href="/bet/rwgxetsq-96/ " target="_blank" rel="noopener noreferrer"> <span class="text text-link-42">FOIA</span> </a> </li> <li class=""> <a href="/blog/wncwlhcq-182/ " target="_blank" rel="noopener noreferrer"> <span class="text text-link-43">Open GOV</span> </a> </li> <li class=""> <a href="/news/musunqng-227/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-44">Strategic Management Plan</span> </a> </li> <li class=""> <a href="/download/gebvvkex-94/ " target="_blank" rel="noopener noreferrer"> <span class="text text-link-45">USA.gov</span> </a> </li> <li class=""> <a href="/blog/dfmjbvbf-69/ " target="_blank" rel="noopener noreferrer"> <span class="text text-link-46">Small Business Act</span> </a> </li> <li class=""> <a href="/android/bnvczfku-249/ "> <span class="text text-link-47">Site Map</span> </a> </li> </ul> </ul> </div> </li> </ul> </div> <div class="social"> <ul class="social-nav"> <li class="social-item"> <a href="/ph/edeedsnd-193/" target="_blank" rel="noopener noreferrer" title="Twitter"> <span class="social-icon fa fa-twitter social-link-4"></span> </a> </li> <li class="social-item"> <a href="/news/bldqnznv-63/" target="_blank" rel="noopener noreferrer" title="Facebook"> <span class="social-icon fa fa-facebook social-link-1"></span> </a> </li> <li class="social-item"> <a href="/download/brjivulj-216/" target="_blank" rel="noopener noreferrer" title="Instagram"> <span class="social-icon fa fa-instagram social-link-3"></span> </a> </li> <li class="social-item"> <a href="/jili/brjivulj-145/" target="_blank" rel="noopener noreferrer" title="LinkedIn"> <span class="social-icon fa fa-linkedin social-link-50"></span> </a> </li> <li class="social-item"> <a href="/android/vazfzmyx-80/" target="_blank" rel="noopener noreferrer" title="YouTube"> <span class="social-icon fa fa-** social-link-2"></span> </a> </li> </ul> </div> </nav> </div> </div> </header> <main> <p id="skip-target-holder"><a id="skip-target" name="skip-target" class="skip" tabindex="-1" aria-label="Skip Target"></a></p> <div id="dnn_ContentPaneFullBleed1"><div class="DnnModule DnnModule-ArticleCSViewArticle DnnModule-1990"><a name="1990"></a> <div class="empty-container base-container"> <div id="dnn_ctr1990_ContentPane"><!-- Start_Module_1990 --><style> @media (max-width: 768px) { .abanner.no-abanner-mobile header { padding: 130px 15px 0 !important; height: 350px; } } </style> <style> /* CHANGES FOR TEMPLATE */ .adetail .related { padding-bottom: 0px !important; } .abanner header { padding: calc(130px + 2rem) 0 1.5rem; } @media (max-width: 768px) .adetail.aframe .content .inside { padding: 15px 15px; } @media (max-width: 1200px) { .abanner header { padding: 120px 0 0px 0; }} /* HOT FIX */ @media (max-width: 768px) { .abanner.no-abanner-mobile header .maintitle { margin: 20px 10px; } .adetail .social-block span .addthis_button_facebook span.fa { font-size: 25px; } .adetail .social-block span .addthis_button_twitter span.fa { font-size: 26px; } body .more-addthis.overlay { width: 100%; } } .aframe .body .ntext { border: none; } .aframe .body .related.ntext { border: 1px solid #aebfd4; } </style><div id="dnn_ctr1990_ModuleContent" class="DNNModuleContent ModArticleCSViewArticleC"> <div id="dnn_ctr1990_ViewArticle_UpdatePanel1" class="article-view"> <!-- global:DGOV2-newsroom-story --> <div class="adetail abanner no-abanner-mobile aframe content-type-1" itemscope="" itemtype="/blog/yihowwmj-256/" data-content-type="News"> <header class="content-wrap"> <h1 class="maintitle"> camera olympus stylus|Olympus Stylus 1 Overview </h1> <div class="date-line"> <span class="date"> 20250523 <span class="pipe">|</span> <span class="author-block"> By <a class="article-link" href="/android/cjtlkybo-81/"></a> </span> , DOD News </span> <span class="social-block"> <span class="pipe">|</span> <span class="a2a_kit a2a_kit_size_32" data-a2a-url="/blog/uvjqbovv-83/"> <a class="a2a_button_facebook social-link" aria-label="Share to Facebook"> <span class="fa fa-facebook"></span> </a> <a class="a2a_button_twitter social-link" aria-label="Share to Twitter"> <span class="fa fa-twitter"></span> </a> </span> <div class="social-link social-link-more" tabindex="0" aria-haspopup="true"> <span class="fas fa-share"></span> <div class="more-share"> <div class="social-link-more-close">×</div> <div class="title">Share</div> <a class="social-link-link social-link" href="javascript:void(0)" rel="noreferrer noopener"> <div class="social-link-inner"> <span class="fa fa-link"></span> <b class="copy-link-text">Copy Link</b> </div> </a> <div class="a2a_kit a2a_kit_size_32" data-a2a-url="/download/wgcmhtef-161/"> <a class="a2a_button_email social-link"> <div class="social-link-inner"> <span class="fa fa-envelope"></span> Email </div> </a> <a class="a2a_button_facebook social-link"> <div class="social-link-inner"> <span class="fa fa-facebook"></span> Facebook </div> </a> <a class="a2a_button_twitter social-link"> <div class="social-link-inner"> <span class="fa fa-twitter"></span> Twitter </div> </a> <a class="a2a_button_linkedin social-link"> <div class="social-link-inner"> <span class="fa fa-linkedin"></span> LinkedIn </div> </a> <a class="a2a_button_whatsapp social-link"> <div class="social-link-inner last"> <span class="fa fa-whatsapp"></span> WhatsApp </div> </a> </div> </div> </div> <script type="text/javascript" defer="" src="/template/qiye/js/page.js"> </script> <script type="text/javascript"> var $social_link = $('.social-link-link'); var $social_link_more = $('.social-link-more'); $social_link.on('click keydown', handleCopyClick); function handleCopyClick(event) { if (event.type.toLowerCase() === "keydown" && event.key.toLowerCase() === "tab") { return; } copyToClipboard('/ios/ihzdsklm-129/').then(function () { $social_link.find('.copy-link-text').text('Copied!'); $social_link.addClass('copied'); setTimeout(function () { $social_link.find('.copy-link-text').text('Copy Link'); $social_link.removeClass('copied'); }, 5000); }); $social_link_more.focus(); } function copyToClipboard(textToCopy) { // navigator clipboard api needs a secure context (https) if (navigator.clipboard && window.isSecureContext) { // navigator clipboard api method' - note does not work on non https urls return navigator.clipboard.writeText(textToCopy); } else { // fallback text area method let textArea = document.createElement("textarea"); textArea.value = textToCopy; // make the textarea out of viewport textArea.style.position = "fixed"; textArea.style.left = "-999999px"; textArea.style.top = "-999999px"; document.body.appendChild(textArea); textArea.focus(); textArea.select(); return new Promise((res, rej) => { // here the magic happens document.execCommand('copy') ? res() : rej(); textArea.remove(); }); } } $social_link_more.on('click', function () { if (!window.matchMedia("(max-width: 768px)").matches) return; document.body.style.position = 'fixed'; document.body.style.width = '100%'; document.body.appendChild($('.more-share').addClass('overlay')[0]); }); var $social_link_more_close = $('.social-link-more-close'); $social_link_more_close.on('click', function () { document.body.style.position = null; document.body.style.width = null; $social_link_more.append($('.more-share').removeClass('overlay')); }); </script> </span> </div> </header> </div> <div class="content content-wrap"> <div class="inside ntext"> <div class="body"> <div class="ast-glance"> camera olympus stylus|Olympus Stylus 1 Overview : iloilo The Stylus Epic has a unique, distinctively Olympus clamshell design that originated from its XA-series of cameras. Rather than having an on/off button or switch, . Smart </div> <p><img src="/upluds/images/camera olympus stylus.jpg" alt="camera olympus stylus"></p> <p>camera olympus stylus,The OLYMPUS STYLUS 1 features a 10.7x optical (28mm to 300mm) i.Zuiko Digital lens with a constant aperture f/2.8 in a compact, slim body, and is equipped with a large built .Released. March 1991. The first camera in the stylish μ [mju:] (Stylus) range went . The Olympus Stylus 1 compact camera pairs a larger-than-average 1/1.7" BSI-CMOS sensor with an F2.8, 28-300mm zoom lens, . The Stylus Epic has a unique, distinctively Olympus clamshell design that originated from its XA-series of cameras. Rather than having an on/off button or switch, .</p><p>Now that we’re deep into the digital era, Olympus has brought forth the Olympus Stylus 1s, a gorgeously retro-styled 12MP camera that resembles an ultra-compact Olympus . The Olympus Stylus XZ-10 is an advanced compact camera that features full manual-controls and provides dual control-dials for efficiency. Launched roughly 4 months after the XZ-2, the XZ-10 can be .</p><p>The Olympus STYLUS 1 is a compact digital camera with a 10.7x optical zoom and bright constant F2.8 aperture lens in a compact body. The beautiful high-quality metal-cut dials . The Olympus Stylus 1s pairs a larger-than-average 1/1.7" BSI-CMOS sensor with an F2.8, 28-300mm zoom lens, high resolution electronic viewfinder, 'hybrid' control ring, and Wi-Fi. The control ring . This sophisticated camera also adds new Nightscape Modes for stunning night scenes and portraits. Despite its compact size, the Olympus Stylus SH-2 captures excellent image quality with its 16 .Olympus Stylus 1 Overview Released. March 1991. The first camera in the stylish μ [mju:] (Stylus) range went on sale in 1991. Ergonomically designed to fit perfectly into one hand, the ultra-compact body .The first camera in the stylish μ[mju:] (Stylus) range went on sale in 1991. Ergonomically designed to fit perfectly into one hand, the ultra-compact body contained an extensive array of features to enhance photographic results, including 100-step AF and a .</p><p> Après de brillants hybrides Pen E-P5 et OM-D E-M1, Olympus complète son tiercé 2013 en beauté puisque son Stylus 1 entre dans le cercle trop peu fréquenté des bridges jouissant d'un zoom à .</p><p>camera olympus stylus Product Description. With this Olympus Stylus 120 35mm Camera you get a versatile 38 120mm zoom lens and a camera that is .<br><img src="/upluds/images/camera olympus stylus.jpg" alt="camera olympus stylus"><br>HD Video 720p A simple, one-touch button allows you to record movies with amazing clarity in high-definition, right from your camera. Olympus Stylus Tough-8010 Features 14 Megapixel An amazing 14 million pixels in the high-resolution CCD create superior image quality. Create poster-sized prints without losing a single detail. The Olympus STYLUS 1 is a DSLR-styled but compact bridge camera with a 10.7x 28-300mm range, constant f2.8 aperture, built-in viewfinder and a larger sensor than most rival models. Announced in October 2013 it represents a new product line for Olympus although the company has considerable experience with super-zoom cameras.</p><p> Thankfully, Olympus has been sensible with the improved resolution of the new XZ-2, increasing it by around 1.5 million pixels. The 12.76-million-pixel, 1/1.7in (7.6×5.7mm) back-illuminated CMOS sensor should offer improvements in image quality, rather than big increases in detail resolution. Given the size of the sensor, this is a wise .</p><p><br><img src="/upluds/images/camera olympus stylus.jpg" alt="camera olympus stylus"><br> The Olympus Stylus Epic Zoom 80 (wow, what a name) shares some of the characteristics that make its prime cousin so desirable. The clamshell design, weatherproofing, and reasonably fast lens make for a good pocket camera. Not as fast or sharp as the Olympus Stylus or Stylus Epic, but still very much in the same family.</p><p> Photo by Jeff Keller. The Olympus Tough TG-6 continues to be the top waterproof camera on the market. We like its ruggedness, expandability, tracking features, and Raw support. Its lens is faster at the wide-angle end than its peers, and its macro capabilities are top-notch.camera olympus stylus Olympus Stylus 1 Overview View this image in HD with GOLD. Olympus Mju Infinity Stylus (Mju I) is a well-designed, fun-to-use point-and-shoot 35mm film camera. It’s light, compact, and ergonomic with brilliantly-simple controls. The Olympus lens is reasonably sharp and, despite having a somewhat slow max aperture of 𝒇3.5, can construct a pleasing bokeh . Next up is latest in Olympus's trend-setting Stylus (Mju) range of compact cameras. The Stylus 760 (Mju 760) combines a 3x zoom and 7.1 megapixel resolution with 'Dual Image Stabilization' (CCD shift and ISO boost) and wraps it all up in a slimline weatherproofed metal casing.</p><p> Discuss in the Olympus Compact Camera Talk forum. The Olympus Stylus 1s pairs a larger-than-average 1/1.7" BSI-CMOS .The Olympus Stylus 120, also known as the µ [mju:] - II ZOOM 120 in some regions, is a compact 35mm film camera from Olympus' popular Stylus/mju series. This series is well-known for its sleek design and weatherproof features. Key features of the Olympus Stylus 120: 38-120mm zoom lens Active multi-beam autofocus Weathe This sophisticated camera also adds new Nightscape Modes for stunning night scenes and portraits. Despite its compact size, the . The Olympus Stylus XZ-10 is an advanced compact camera that features full manual-controls and provides dual control-dials for efficiency. Launched roughly 4 months after the XZ-2, the XZ-10 can be seen as a more compact version of the former.</p><p>The Olympus Stylus 720 SW is a compact digital camera that was released in 2006. It has a sleek, rugged design that is meant for those who enjoy outdoor activities. The camera is waterproof up to ten feet and can withstand drops from up to five feet. It has a 7.1 megapixel sensor, 3x optical zoom, and a 2.5-inch LCD display. The Olympus XZ-2 is a compact aimed at the demands of enthusiasts. Successor to the XZ-1, it sports the same 28-112mm equivalent 4x zoom with a bright f1.8-2.5 maximum aperture, but swaps its predecessor’s 1/1.63in 10 Megapixel CCD sensor with a 1/1.7in CMOS chip with 12 Megapixels. The processor is also updated to the latest .</p><p>New York, New York - 35mm Color Film. From $16.99. Shop Camera Straps. shop accessories. Get ready to inject some joy into your photography journey with the Olympus Stylus 120—a vintage gem that's not just a camera; it's a pocket-sized portal to happiness, creativity, and memorable moments. Compact, adorable, and easy-to-use, this point-and .</p><p> Product description. Announced Jan 22, 2008. Discuss in the Olympus Compact Camera Talk forum. Slim, metal-bodied compact with big 7x zoom lens (37-260mm) and dual image stabilization. Lack of wide angle and question marks over the image quality in Olympus Stylus (mju) cameras - plus the use of the less common xD .</p> </p> <strong>camera olympus stylus|Olympus Stylus 1 Overview </strong> <!--image--> <div class="fbtslist"> PH0 · μ [mju] (Stylus) <br> PH1 · Olympus XZ<br> PH2 · Olympus Stylus SH<br> PH3 · Olympus Stylus 1s Overview <br> PH4 · Olympus Stylus 1 Review <br> PH5 · Olympus Stylus 1 Overview <br> PH6 · OLYMPUS STYLUS 1 (Compact Digital Camera)<br> PH7 · OLYMPUS STYLUS 1 <br> PH8 · Hands<br> PH9 · Classic Cameras: Olympus Stylus Epic <br> </div> <div class="media-inline media-inline-xlarge " style=""> <a href="#pop7168260" class="popup" data-width="1280" data-height="854" data-dynamic="1"> <div class="image-wrapper"> <div class="overlay"></div> <img src="/upluds/images/Olympus Stylus 1 Overview .jpg" alt="Olympus Stylus 1 Overview ." class="img-responsive"> </div> </a> </div> <!--popup--> <div style="display:none"> <div class="media-inline-popup" id="pop7168260"> <div class="media-inline-img-container"><img src="/upluds/images/camera olympus stylus|Olympus Stylus 1 Overview .jpg" alt="camera olympus stylus|Olympus Stylus 1 Overview ." class="img-responsive"></div> <div class="info"> <span class="title"> camera olympus stylus|Olympus Stylus 1 Overview </span> <div class="caption"> camera olympus stylus|Olympus Stylus 1 Overview . </div> <div class="bottom"> <div class="social"> <span class="subhead">Share:</span> <div class=" social-inner"> <div class="a2a_kit a2a_kit_size_32 social-inner" data-a2a-url="/ph/hsdwgzbm-110/" data-a2a-title="Photo Shoot"> <a class="a2a_button_facebook social-link" aria-label="Share to Facebook"> <span class="fa fa-facebook"></span> </a> <a class="a2a_button_twitter social-link" aria-label="Share to Twitter"> <span class="fa fa-twitter"></span> </a> </div> <div class="social-link social-link-more social-link-more-7168260" tabindex="0" aria-haspopup="true" onclick="dgov2acs_handleSocialLinkMoreClick(event)"> <span class="fas fa-share"></span> <div class="more-share more-share-dark more-share-7168260" data-a2a-url="/news/xwyhahnx-240/" data-a2a-title="Photo Shoot"> <div class="social-link-more-close social-link-more-close-7168260">×</div> <div class="title">Share</div> <a class="social-link-link social-link-link-7168260 social-link" data-url="/jili/jeywiczt-220/" href="javascript:void(0)" onclick="dgov2acs_handleCopyLinkClick(event)" rel="noreferrer noopener" tabindex="0"> <div class="social-link-inner"> <span class="fa fa-link"></span> <b class="copy-link-text">Copy Link</b> </div> </a> <div class="a2a_kit a2a_kit_size_32" data-a2a-url="/ph/reolzigm-291/" data-a2a-title="Photo Shoot"> <a class="a2a_button_email social-link"> <div class="social-link-inner"> <span class="fa fa-envelope"></span> Email </div> </a> <a class="a2a_button_facebook social-link"> <div class="social-link-inner"> <span class="fa fa-facebook"></span> Facebook </div> </a> <a class="a2a_button_twitter social-link"> <div class="social-link-inner"> <span class="fa fa-twitter"></span> Twitter </div> </a> <a class="a2a_button_linkedin social-link"> <div class="social-link-inner"> <span class="fa fa-linkedin"></span> LinkedIn </div> </a> <a class="a2a_button_whatsapp social-link"> <div class="social-link-inner last"> <span class="fa fa-whatsapp"></span> WhatsApp </div> </a> </div> </div> </div> </div> <script type="text/javascript" defer="" src="/template/qiye/js/page.js"></script> </div> <div class="action"> <div class="action-item download-link"> <b>Download:</b> <a href="/upluds/news/vusec.jpg" title="Photo Shoot" target="_blank" rel="noreferrer noopener" class="article-link"> <span>Full Size (<span>80225 MB</span>)</span> </a> </div> <div class="action-item photographer"> <b>Photo By:</b> <span>camera olympus stylus|Olympus Stylus 1 Overview </span> </div> <div class="action-item virin"> <b>VIRIN:</b> <span>44523-50786-27744</span> </div> </div> </div> </div> </div> </div> <style> #cboxClose { position: absolute; top: 5px; right: 5px; display: block; background: url(/template/qiye/image/media_popup_close.png) no-repeat top center; width: 40px; height: 40px; text-indent: -9999px; } #cboxClose:hover { background-position: bottom center; } .me-plugin { width: 100%; height: 100%; } </style> <script type="text/javascript"> var gih = 0; var giw = 0; var pup; var g_isDynamic = false; function popupResize(ibox, w, h, doResize) { if ($(ibox).hasClass('dgov2popup-info')) { // This block is included once, so is shared by all media tokens. // this block is how we execute the special resize for dgov2's slideshow popup dgov2slideshowPopupResize(ibox, w, h, doResize); return; } if (!g_isDynamic) return; var isMobile = window.matchMedia('(max-width: 1200px)').matches; if (isMobile) { $.colorbox.resize({ width: "100%", height: "100%" }); $(ibox).find(".img-responsive").width('100%'); $(ibox).find(".img-responsive").height('auto'); $(ibox).find(".info").css('height', 'auto'); return; } var iw = w; var ih = h; var ww = $(window).width(); var wh = $(window).height(); var hextra = 40; var wextra = 360; var hborder = 120; var wborder = 120; var maxw = ww - wextra - wborder; var maxh = wh - hextra - hborder; var ratio = Math.min(maxw / iw, maxh / ih); iw = Math.floor(iw * ratio); // use floor to avoid overflow scrollbar ih = Math.floor(ih * ratio); // console.log(iw + " " + ih + " --- " + (iw + wextra) + " " + (ih + hextra)) $(ibox).find(".img-responsive").width(iw); $(ibox).find(".img-responsive").height(ih); $(ibox).find(".info").height(ih); if (doResize) $.colorbox.resize({ width: iw + wextra, height: ih + hextra }); } $(window).resize(function () { if (g_isDynamic && pup !== undefined) popupResize(pup, giw, gih, true); }); $(window).load(function () { $(".popup").click(function () { giw = $(this).data('width'); gih = $(this).data('height'); pup = $($(this).attr('href')); g_isDynamic = $(this).data('dynamic') === 1 ? true : false; popupResize(pup, giw, gih, false); var w = "768px"; var isMobile = $(window).width() < 768 ? true : false; w = "auto"; if (isMobile) w = "100%"; const isDgov2Slideshow = $(this).attr("data-isdgov2slideshow") != undefined; const isDGOV2 = true; const slideNumber = parseInt($(this).attr('data-slide-number')); const slideIndex = slideNumber - 1; //console.log("slideNumber for popup", slideNumber) const popupThis = this; $(this).colorbox({ className: 'inline-popup', fixed: true, transition: "none", opacity: .9, inline: true, width: w, height: 'auto', maxWidth:"80%", maxHeight:"100%", close: isDgov2Slideshow || isDGOV2 ? "<i class='fas fa-times' />" : "X", onClosed: function () { }, onComplete: function () { var popupHeight = jQuery(this.href.substring(this.href.lastIndexOf("#"))).outerHeight(true); if (jQuery("#colorbox").height() < popupHeight) { jQuery("#colorbox").height(popupHeight); } if (g_isDynamic) { if (!isMobile) { bodyScrollLock.disableBodyScroll(this); } } // for popup having data-isdgov2slideshow attr (see above) if (isDgov2Slideshow) { const popSelector = '#dgov2popup-target-3453605'; const ssSelector = '#dgov2slideshowId-3453605'; dgov2slideshowPopupInit({ numSlides: 0, startingSlideIndex: slideIndex, popupSelector: popSelector, slideshowSelector: ssSelector, slideshowMediaId: 3453605, }); giw = $(popupThis).data('width'); gih = $(popupThis).data('height'); pup = $($(popupThis).attr('href')); popupResize(pup, giw, gih, true); } $(window).resize(); }, onClosed: function () { pup = undefined; if (g_isDynamic) bodyScrollLock.enableBodyScroll(this); if (isDgov2Slideshow) { const popSelector = '#dgov2popup-target-3453605'; const ssSelector = '#dgov2slideshowId-3453605'; dgov2slideshowPopupDestroy({ popupSelector: popSelector, slideshowSelector: ssSelector, }); } } }); }); $(".popup-slideshow").colorbox({ inline: true, onComplete: function () { SlideshowInit(); $.colorbox.resize(); // stop scrollbar from flashing $("#cboxLoadedContent").css("overflow", ""); $("#cboxLoadedContent").css("overflow-y", "hidden"); }, onClosed: function () { $('.slideshow-gallery').trigger('slideTo', 0); } }); }); </script> </div> </div> </div> </div> </div> <script type="text/javascript"> var displayNextPrevNav = false var loggedIn = false; var articleId = 3453605; var moduleId = 1990; var mejPlayer; $(function () { if (!window.delayInitMediaElementJs) initMediaElementJs(); }); function initMediaElementJs() { mejPlayer = $(".article-view video").not(".noplayer").mediaelementplayer({ pluginPath: "/ios/dmhnxgin-121//", videoWidth: '100%', videoHeight: '100%', success: function (mediaElement, domObject) { var aDefaultOverlay = jQuery(mediaElement).parents('.media-inline-video, .video-control').find('.defaultVideoOverlay.a-video-button'); var aHoverOverlay = jQuery(mediaElement).parents('.media-inline-video, .video-control').find('.hoverVideoOverlay.a-video-button'); var playing = false; $("#" + mediaElement.id).parents('.media-inline-video, .video-control').find('.mejs__controls').hide(); if (typeof GalleryResize === "function") GalleryResize(); mediaElement.addEventListener('play', function (e) { playing = true; jQuery(".gallery").trigger("pause", false, false); $("#" + e.detail.target.id).parents('.media-inline-video, .video-control').find('.mejs__controls').show(); $("#" + e.detail.target.id).parents('.media-inline-video, .video-control').find('.duration').hide(); if (aDefaultOverlay.length) { aDefaultOverlay.hide(); aHoverOverlay.hide(); } //place play trigger for DVIDS Analytics }, false); mediaElement.addEventListener('pause', function (e) { playing = false; if (aDefaultOverlay.length) { aDefaultOverlay.removeAttr("style"); aHoverOverlay.removeAttr("style"); } }, false); mediaElement.addEventListener('ended', function (e) { playing = false; }, false); if (aDefaultOverlay.length) { aDefaultOverlay.click(function () { if (!playing) { mediaElement.play(); playing = true; } }); aHoverOverlay.click(function () { if (!playing) { mediaElement.play(); playing = true; } }); } }, features: ["playpause", "progress", "current", "duration", "tracks", "volume", "fullscreen"] }); if (displayNextPrevNav) { DisplayNextPreviousNav(moduleId, articleId, loggedIn); } } $(window).load(function () { if (displayNextPrevNav) { var winWidth = $(document).width(); if (winWidth > 1024) { $('#footerExtender').css('height', '0px'); $('.article-navbtn .headline').addClass('contentPubDate'); } else { $('#footerExtender').css('height', $('.article-navbtn .headline').html().length > 0 ? $('.bottomNavContainer').height() + 'px' : '0px'); $('.article-navbtn .headline').removeClass('contentPubDate'); } } }); $(window).resize(function () { if (displayNextPrevNav) { var winWidth = $(document).width(); if (winWidth < 1024) { $('#footerExtender').css('height', $('.article-navbtn .headline').html().length > 0 ? $('.bottomNavContainer').height() + 'px' : '0px'); $('.article-navbtn .headline').removeClass('contentPubDate'); } else { $('#footerExtender').css('height', '0px'); $('.article-navbtn .headline').addClass('contentPubDate'); } } }); </script> </div><!-- End_Module_1990 --></div> </div><!--end of empty container --> </div></div> <div id="content-pane-wrap"> <div class="content-wrap"> <div id="dnn_ContentPane"><div class="DnnModule DnnModule-DNN_HTML DnnModule-2787"><a name="2787"></a> <div class="empty-container base-container"> <div id="dnn_ctr2787_ContentPane"><!-- Start_Module_2787 --><style> .subscribe { margin-top:0 !important; } </style><div id="dnn_ctr2787_ModuleContent" class="DNNModuleContent ModDNNHTMLC"> <div id="dnn_ctr2787_HtmlModule_lblContent" class="Normal"> <style> .subscribe { text-align: center; background: #ebebeb; padding: 2rem 2rem 1.5rem; max-width: 640px; margin: 3rem auto 3rem; } .subscribe h3 { text-align: left; margin-left: 15px; font-size: 1.7rem; margin-bottom: .5rem } .subscribe p { text-align: left; margin: -2px 0 0 0; font-size: 18px; color: #333; } .subscribe .btn.btn-primary { float: right; } /*************RESPONSIVE **********/ @media only screen and (max-width: 768px) { .subscribe { max-width: 620px; } .subscribe h3 { font-size: 2.1rem; } } @media only screen and (max-width: 600px) { .subscribe { text-align: center; padding: 2rem 2rem 1.5rem; } .subscribe h3 { text-align: center; Margin : 0; font-size: 2rem; } .subscribe p { text-align: center; margin: 0; font-size: 20px; line-height: 1.4; } .subscribe .btn.btn-primary { float: none; } } </style> <div class="subscribe"> <article> <h3>camera olympus stylus</h3> <div class="dgov-grid"> <div class="dgov-col-sm-7 dgov-col-xs-12"> <p>Olympus Stylus 1 Overview </p> </div> <div class="dgov-col-sm-5 dgov-col-xs-12"><a class="btn btn-primary" href="/blog/rkxpvvtd-88/">Subscribe </a></div> </div> </article> </div> </div> </div><!-- End_Module_2787 --></div> </div><!--end of empty container --> </div><div class="DnnModule DnnModule-ArticleCSDashboard DnnModule-670"><a name="670"></a> <div class="empty-container base-container"> <div id="dnn_ctr670_ContentPane"><!-- Start_Module_670 --><style> h2.tab-title { margin-bottom: 5px; } @media screen and (max-width: 768px) { h2.tab-title { margin-left: 15px; margin-right: 15px;} } /* HOT FIX */ #alist-suggest .btn { display: none !important; } .alist .pager { display: none !important; } .alist .pager .btn-primary-ghost, .alist .pager .btn-primary-ghost:visited { display: none !important; } display: none !important; } </style> <h2 class="tab-title"><span>Related Stories</span></h2><div id="dnn_ctr670_ModuleContent" class="DNNModuleContent ModArticleCSDashboardC"> <div id="dnn_ctr670_Dashboard_ph"> <div id="storyListing-670"> <div id="alist-suggest" class="alist stories external-news-list"> <div class="spinner3"> <div class="bounce1"></div> <div class="bounce2"></div> <div class="bounce3"></div> </div> <div class="alist-inner alist-more-here"> <feature-template template-mode="story" :show-all="false" :remove-grid="true"> <div class="dgov-grid"> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="domestic waste sheffield" :hide-summary="true" article-alt="domestic waste sheffield" article-url="/jili/ebjdxrge-294/" article-url-or-link="/jili/ebjdxrge-294/" article-url-or-link-absolute="/jili/ebjdxrge-294/" article-summary="domestic waste sheffield" image-url="/upluds/news/fglgx.jpg" article-image-url="/upluds/news/htjvr.jpg" category="" image-caption="/jili/ebjdxrge-294/" term-url="" term-name="" publish-date-jss="20250523" publish-date-ap="20250523"> </listing-with-preview> </div> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="9 : free download, borrow, and streaming" :hide-summary="true" article-alt="9 : free download, borrow, and streaming" article-url="/android/ebjdxrge-109/" article-url-or-link="/android/ebjdxrge-109/" article-url-or-link-absolute="/android/ebjdxrge-109/" article-summary="9 : free download, borrow, and streaming" image-url="/upluds/news/rdcik.jpg" article-image-url="/upluds/news/cufgc.jpg" category="" image-caption="/android/ebjdxrge-109/" term-url="" term-name="" publish-date-jss="20250523" publish-date-ap="20250523"> </listing-with-preview> </div> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="russia dicyclopentadiene market by application" :hide-summary="true" article-alt="russia dicyclopentadiene market by application" article-url="/jili/ebjdxrge-185/" article-url-or-link="/jili/ebjdxrge-185/" article-url-or-link-absolute="/jili/ebjdxrge-185/" article-summary="russia dicyclopentadiene market by application" image-url="/upluds/news/zeotr.jpg" article-image-url="/upluds/news/xrgkr.jpg" category="" image-caption="/jili/ebjdxrge-185/" term-url="" term-name="" publish-date-jss="20250523" publish-date-ap="20250523"> </listing-with-preview> </div> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="babawi ako next time in english" :hide-summary="true" article-alt="babawi ako next time in english" article-url="/news/ebjdxrge-187/" article-url-or-link="/news/ebjdxrge-187/" article-url-or-link-absolute="/news/ebjdxrge-187/" article-summary="babawi ako next time in english" image-url="/upluds/news/xbmqy.jpg" article-image-url="/upluds/news/swbdp.jpg" category="" image-caption="/news/ebjdxrge-187/" term-url="" term-name="" publish-date-jss="20250523" publish-date-ap="20250523"> </listing-with-preview> </div> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="tubegalory" :hide-summary="true" article-alt="tubegalory" article-url="/blog/ebjdxrge-207/" article-url-or-link="/blog/ebjdxrge-207/" article-url-or-link-absolute="/blog/ebjdxrge-207/" article-summary="tubegalory" image-url="/upluds/news/bowtg.jpg" article-image-url="/upluds/news/ovkso.jpg" category="" image-caption="/blog/ebjdxrge-207/" term-url="" term-name="" publish-date-jss="20250523" publish-date-ap="20250523"> </listing-with-preview> </div> <div class="dgov-col-sm-12 dgov-col-md-6 col-suggest"> <listing-with-preview :show-image="true" :indashboard="true" open-in-new="" content-type-val="1" content-type-name="News" item-index="1" article-id="3453157" article-title="fluiditekniikka" :hide-summary="true" article-alt="fluiditekniikka" article-url="/android/ebjdxrge-136/" article-url-or-link="/android/ebjdxrge-136/" article-url-or-link-absolute="/android/ebjdxrge-136/" article-summary="fluiditekniikka" image-url="/upluds/news/cinfz.jpg" article-image-url="/upluds/news/ymbjb.jpg" category="" image-caption="/android/ebjdxrge-136/" term-url="" term-name="" publish-date-jss="20250523" publish-date-ap="20250523"> </listing-with-preview> </div> </div> </feature-template> </div> <br> <div class="pager"> <button class="alist-more-button btn btn-primary btn-primary-ghost"> Load More </button> <div class="number-pager"> <div class="hidden-xs"> </div> <div class="visible-xs"> </div> </div> </div> </div> </div> <script> $(document).ready(function () { // see comment in Stories Listing template const DEBUG = false InitLoadMore(670, '&TabId=364&Article=3453605&senate-nominations-hold-stalls-hundreds-of-military-leader-appointments&language=en-US', { transformData: function (data, modid, page) { if (DEBUG) console.log("Stories Listing101: wrapData", data, modid, page); const moreId = "more-added-" + modid + "-" + page; const inject = "<feature-template id='" + moreId + "'" + " template-mode='story' :show-all='true' :remove-grid='true'>" + data + "</feature-template>"; return inject; }, afterInject: function (modid, page) { if (DEBUG) console.log("Stories Listing101: afterInject", modid, page); const moreId = "more-added-" + modid + "-" + page; const el = $("#" + moreId)[0]; const moreVue = new Vue({ el: el, }); }, }); $('.spinner3').fadeOut('fast'); }); /* link img and title hover */ $('.alist .poster a, .alist .info').hover(function () { $(this).closest('.item').addClass('hover'); }, function () { $(this).closest('.item').removeClass('hover'); }); $('.alist .info').click(function (evt) { if (evt.target.className.indexOf("info") !== -1) { var url = $(this).data("url"); window.location.href = url; } }); </script> <style> #alist .content-type-text.live { min-width: 135px; } #alist .content-type-text.live .live-icon { display: inline-block; max-width: 30px; margin-right: 5px; position: relative; top: -2px; } #alist .listing-with-preview { margin: 7px 0 23px; padding: 20px 0 0; border-top: 1px solid #ebebeb; } #alist .listing-with-preview:first-child { border-top: none; padding: 0; margin-top: 0; } #alist .listing-with-preview .image-container { display: none; display: block; } #alist .listing-with-preview:first-child .image-container { display: block; } #alist { margin-bottom: 2rem; } #alist figcaption .category a { display: inline-block; margin-bottom: 0; font-size: 15px; color: #355e93; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid rgba(53, 94, 147, 0); -webkit-transition: border .25s ease; -moz-transition: border .25s ease; -ms-transition: border .25s ease; -o-transition: border .25s ease; transition: border .25s ease; text-decoration: none; } #alist figcaption .category a:hover { border-bottom: 1px solid rgba(53, 94, 147, 1); } #alist figcaption .category .separator { color: #355e93; opacity: .5; margin: 0 8px 0 6px; } #alist figcaption .summary { font-size: 18px; margin: 0; } #alist .video-duration { display: none; } #alist figcaption time { display: inline-block; font-size: 15px; margin: 5px 0; color: #717171; padding: 0; min-width: 100px; } #alist .item figcaption h3.title { font-size: 1.6rem; font-family: 'Crimson Text', serif; font-weight: 500; line-height: 1.1em; margin-bottom: 8px; } #alist .item figcaption h3.title a { display: block; padding-left: 0px; border-left: 0px solid #fff; transition: all 0.15s linear; padding-right: 14px; } #alist .item figcaption h3.title a:hover { color: #355e93; padding-left: 10px; padding-right: 0px; border-left: 4px solid #254267; text-decoration: none; } #alist .item .image-wrap { margin-right: 0; margin-top: 8px; } #alist .item .image-wrap a { display: block; position: relative; padding-top: 66%; overflow: hidden; border: 1px solid #adadad; } #alist .item .image-replacement { background-color: rgba(255,255,255,.05); background-repeat: no-repeat; text-decoration: none; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-size: cover; background-position: 50% 50%; } #alist .item .image-wrap img { position: absolute; left: -9999px; } #alist .item:first-child figcaption { margin-left: 20px; } #alist .item figcaption { margin-left: 20px; } #alist .item figcaption h3.title a.card-edit-span { position: absolute; top: -15px; right: 0; padding: 0; } #alist .service-source { display: inline-block; position: relative; font-size: 17px; text-transform: uppercase; font-weight: bold; background: #355e93; color: #fff; padding: 2px 7px; margin: 0; } #alist .service-source.service-army { background: #376251; } #alist .service-source.service-marinecorps { background: #990F00; } #alist .service-source.service-navy { background: #88743A; } #alist .service-source.service-airforce { background: #144A75; } #alist .service-source.service-spaceforce { background: #D2D5D2; color: #2C588F; } #alist .service-source.service-coastguard { background: #327AB7; } #alist .service-source.service-nationalguard { background: #000000; } @media (max-width: 575px) { #alist .item:first-child figcaption { margin-left: 0; margin-top: 8px; } #alist .listing-with-preview { margin: 7px 0 12px; padding: 15px 0 0; } } </style> <script type="text/x-template" id="vue-feature-template"> <div class="feature-template"> <div :class="'feature-template-container' + (removeGrid ? '' : ' dgov-grid dgov-grid-full')"> <slot></slot> </div> <div class="more-row" v-if="thereAreMoreToView()"> <a class="btn btn-default btn btn-insidedod btn-insidedod-ghost" v-on:click="viewMore" :title="moreText">Load More</a> </div> <div class="bottom-target"></div> </div> </script> <script type="text/javascript"> (function () { const DEBUG = false; if (DEBUG) console.log("this is the feature-template component"); const tempSel = ""; const tempUse = tempSel ? tempSel : "#vue-feature-template"; if (DEBUG) console.log("f-t20: passed in selector for template div", tempSel) if (DEBUG) console.log("f-121: selector template div to use", tempUse); const tempEl = $(tempUse)[0]; if (DEBUG) console.log("f-t15: template element", tempEl); /////// // // Different layouts // // // Feature Blog Layout // const desktopAndLg = { full: ["dgov-col-6:feature", "dgov-col-6:feature", "dgov-col-4", "dgov-col-4", "dgov-col-4"], 4: ["dgov-col-12:feature", "dgov-col-4", "dgov-col-4", "dgov-col-4"], 3: ["dgov-col-4", "dgov-col-4", "dgov-col-4"], 2: ["dgov-col-6:feature", "dgov-col-6:feature"], 1: ["dgov-col-12:feature"], }; const blog_layouts = { desktop: desktopAndLg, lg: desktopAndLg, md: { full: ["dgov-col-12:feature", "dgov-col-6", "dgov-col-6", "dgov-col-6", "dgov-col-6"], 4: ["dgov-col-12:feature", "dgov-col-12:feature", "dgov-col-6", "dgov-col-6"], 3: ["dgov-col-12", "dgov-col-12", "dgov-col-12"], 2: ["dgov-col-12:feature", "dgov-col-12:feature"], 1: ["dgov-col-12:feature"], }, xs: { full: ["dgov-col-12", "dgov-col-12", "dgov-col-12", "dgov-col-12", "dgov-col-12"], 4: ["dgov-col-12", "dgov-col-12", "dgov-col-12", "dgov-col-12"], 3: ["dgov-col-12", "dgov-col-12", "dgov-col-12"], 2: ["dgov-col-12", "dgov-col-12"], 1: ["dgov-col-12"], }, } // // Story Layout // const grid3col = ["dgov-col-4", "dgov-col-4", "dgov-col-4"]; const grid2col = ["dgov-col-6", "dgov-col-6"]; const grid1col = ["dgov-col-12"]; const layout3xn = { full: grid3col, 2: grid2col, 1: ["dgov-col-12"], } const layout2xn = { full: grid2col, 1: ["dgov-col-12"], } const layout1xn = { full: grid1col, } const story_layouts = { desktop: layout3xn, lg: layout2xn, md: layout2xn, xs: layout1xn } Vue.component('feature-template', { name: 'feature-template', data: function () { return { templateSelector: "", numToShow: 5, pageAmount: 6, }; }, props: { "template-mode": String, "more-text": String, "show-all": { type: Boolean, default: false, }, "remove-grid": { type: Boolean, default: false, } }, template: tempEl, // matches ID in template above mounted: function () { window.addEventListener('resize', this.resize) this.resize(); }, methods: { resize: function () { if (DEBUG) console.log("resizing"); this.markChildren(); }, getLayout: function (layoutName) { // get particular layout based on layoutName argument // internally: also uses number of children and media size const numItems = this.$children.length; const mediaSize = this.getMediaType(); let layouts = this.getLayouts(this.templateMode); const layoutsForMediaSize = layouts[mediaSize] ? layouts[mediaSize] : layouts.desktop; const lfms = layoutsForMediaSize; if (lfms) { if (lfms[numItems]) { layout = lfms[numItems]; } else if (lfms.full) { layout = lfms.full; } } else { // using dgov-grid these are classes for up to five children const default_layout = ["dgov-col-6:feature", "dgov-col-6:feature", "dgov-col-4", "dgov-col-4", "dgov-col-4"]; layout = default_layout; } return layout; }, getLayouts: function (layoutName) { let layouts; switch (layoutName) { case "override": layouts = window._dgov_feature_layout_override; break; case "story": layouts = story_layouts; break; case "blog": default: layouts = blog_layouts; break; } return layouts; }, getMediaType: function () { const isXS = window.matchMedia("(max-width: 767px)").matches; const isMD = window.matchMedia("(min-width: 768px) and (max-width: 991px)").matches; const isLG = window.matchMedia("(min-width: 992px) and (max-width: 1199px)").matches; const isGiant = window.matchMedia("(min-width: 1200px)").matches; if (isXS) { return "xs"; } else if (isMD) { return "md"; } else if (isLG) { return "lg"; } else /* if (isGiant) */ { return "desktop" }; }, markChildren: function () { const numItems = this.$children.length; const mediaSize = this.getMediaType(); let layout = this.getLayout(this.templateMode); const layoutLen = layout.length; for (let i = 0; i < this.$children.length; i++) { const item = this.$children[i] if (DEBUG) console.log('layout', layout.length, layout); if (i >= layout.length) { // hide //item.addClass("hidden-item"); const pieces = layout[layout.length - 1].split(":"); const reflexClass = pieces[0]; const cardType = pieces[1]; if (item.setCardType) item.setCardType(cardType); // undefined means default if (item.resetClass) item.resetClass(); if (item.addClass) item.addClass(reflexClass); } else { const pieces = layout[i].split(":"); const reflexClass = pieces[0]; const cardType = pieces[1]; // might be undefined if (DEBUG) console.log("f-t85:", pieces, reflexClass, cardType); if (item.setCardType) item.setCardType(cardType); // undefined means default if (item.resetClass) item.resetClass(); if (item.addClass) item.addClass(reflexClass); } if (!this.showAll && (i >= this.numToShow)) { if (item.addClass) item.addClass("hidden-item"); } } }, thereAreMoreToView: function () { if (!this.showAll && (this.numToShow < this.$children.length)) { return true; } else { return false; } }, viewMore: function () { // view more! this.numToShow += this.pageAmount; if (DEBUG) console.log("viewMore event, numToShow", this.numToShow); this.resize(); setTimeout(function () { const targel = $('.bottom-target')[0]; if (targel.scrollIntoView) { targel.scrollIntoView(false); } }, 100); }, } }); })(); </script> <style> .feature-template .dgov-grid.feature-template-container .hidden-item { display:none; } .feature-grid.alist.stories .feature-template .item a.title, .feature-grid.alist.stories .feature-template .item a.title:link { font-size:1.4rem; } .more-row { display: flex; align-items: center; flex-direction: column; padding: 15px; } /* Note: this relates to lack of encapsulation where Dashboard applies .list class to parent container. Would be better to have an event so that the card code 'knows' the card is in 'list' mode. This rule isn't needed however, but is documentation since this may be an issue if the structure changes to include future features. Special rule is in story-card, may be moved or similar for other types of cards. */ .alist.stories.list .feature-template .feature-template-container { display:block; } .more-row { display: flex; align-items: center; flex-direction: column; padding: 15px; } /*.feature-template-container { display: flex; flex-direction: row; }*/ </style> <script type="text/x-template" id="vue-listing-with-preview-template"> <div class="listing-with-preview item explore-item"> <figure> <div class="dgov-grid dgov-grid-bleed"> <template v-if="pageNumber == 1 || alwaysShowImages"> <div :class="imageContainerClasses"> <div class="image-wrap" v-bind:class="{'video-wrap-container no-pointer-events': isVideo}"> <template v-if="isVideo"> <img src="/upluds/news/klgcv.jpg" class="defaultVideoOverlay a-video-button"> <img src="/upluds/news/uoope.jpg" class="hoverVideoOverlay a-video-button"> </template> <div class="image-wrap-wrap"> <div class="image-replacement" :style="'background-image: url('+ imageUrl +')'"></div> <img alt="" :src="imageUrl"> </div> </div> </div> </template> <div :class="contentContainerClasses"> <figcaption :style="pageNumber > 1 && !alwaysShowImages ? 'margin-left: 0 !important' : ''"> <span class="category"> <template v-if="isInDashboard"> <template v-if="contentTypeVal === '987'"> <a class="content-type-text live" href="/jili/yokkqiyy-204/"> <img class="live-icon" src="/upluds/news/mbptk.jpg" /> <span>Live</span> </a> </template> <template v-else> <a :class="'content-type-text ' + dashboardCatData[0]" :href="dashboardCatData[1]"><span>{{ dashboardCatData[2] }}</span></a> </template> </template> <template v-else> <template v-if="contentTypeName==='From the Services'"> <span :class="'service-source service-'+categoryName">{{category}}</span> </template> <template v-else> <a class="content-type-text" :href="categoryLineOverride ? termUrl: prettyContentTypeUrl"> <span>{{categoryLineOverride ? categoryLineOverride : prettyContentTypeName}}</span> </a> </template> </template> <template v-if="shouldShowDate"> <span class="item-date-time"> <span class="separator">|</span> <time :data-dateago="publishDateJss" :data-dateap="publishDateAp"> {{publishDateAp}} </time> </span> </template> </span> <h3 class="title"> <span v-html="articleTitle"></span> <card-edit-span :isEditMode="canEdit" :editUrl="editUrl" :imageUrl="editImage"></card-edit-span> </h3> <p v-if="!hideSummary" class="summary hidden-xs hidden-xxs" v-html="articleSummary"></p> </figcaption> </div> <a class="link-overlay" :href="articleUrlOrLink"> <span class="sr-only" v-html="articleTitle"></span> </a> </div> </figure> <div style="clear:both"></div> </div> </script> <!-- here is a card-edit-span element... need to share this, but the vue component token is not a good way because it would be multiply imported every time it's used by a card. It should be linked with "registerscript" --> <script type="text/x-template" id="vue-card-edit-span-template"> <a title="Edit" v-if="isEditMode" class="card-edit-span" :href="editUrl" alt="edit link"> <img title="Edit" :src="imageUrl" alt="edit pencil" /> </a> </script> <script type="text/javascript"> (function () { const DEBUG = false; if (DEBUG) console.log("this is the listing-with-preview (default card) component"); const tempSel = ""; const tempUse = tempSel ? tempSel : "#vue-listing-with-preview-template"; if (DEBUG) console.log("sc85:", tempSel, tempUse); const tempEl = $(tempUse)[0]; if (DEBUG) console.log("sc87:", tempEl); // TODO: move this to shared .js utilizing vue:registerjs token const _contentTypeLib = { '1': { url: "/jili/lvsbudch-153/", name: "News", }, '514': { url: "/download/wbrfdqzs-88/", name: "Spotlight", }, '515': { url: "/android/kcghygbn-210/", name: "Inside DOD", }, '610': { url: "/ios/sxiatjor-294/", name: "Inside DOD", }, '936': { url: "/download/htnwkmqr-103/", name: "From The Services", }, '700': { // "Special Report" url: "/news/fgxyxsme-271/", name: "Experience", videoName: "Video", }, '800': { url: "/ios/niiwkanz-11/", name: "Feature", videoName: "Video", }, '801': { url: "/jili/iadilopz-35/", name: "Quiz", videoName: "Quiz", }, '808': { url: "/ios/fhuhubqw-133/", name: "VideoCS", prettyName: "Legacy Video", videoName: "Legacy Video", }, '809': { url: "/ph/jcfbpgbn-41/", name: "VideoCS2", prettyName: "Video", videoName: "Video", }, '616': { url: "/android/awxfrtsy-26/", prettyName: "Video", videoName: "Video", }, '9': { url: "/blog/ntcialxh-254/", name: "Release" }, '2': { url: "/ph/tfphkrfx-134/", name: "Advisory" }, '13': { url: "/download/yqrdqhoy-11/", name: "Transcript" }, '5': { url: "/bet/utisjjlp-101/", name: "Publication" }, '400': { url: "/jili/lkhtvhmw-206/", name: "Contracts" }, '11': { url: '/ios/gfauopwc-76/', name: 'Speech' }, '884': { url: '/ph/hcwscagj-275/', name: 'Speech' }, // for types > 800 (that are not above) custom: { name: null, // means 'actual' contentTypeName videoName: "Video", }, }; const _dashboardCatData = { '1': ['news', '/ph/ilgdrqhg-151/', 'News'], '800': ['feature', '/ph/xgdkbgon-104/', 'Feature'], '514': ['spotlight', '/bet/qcebjxdm-283/', 'Spotlight'], '515': ['inside-dod', '/ios/tnlzbbjs-222/', 'Blog'], '809': ['video', '/download/jckxngkq-188/', 'Video'], '616': ['video2', '/bet/fpjrsxko-184/', 'Video'], '987': ['live', '/jili/lilsupgq-15/', 'Live Event'], '700': ['experience', '/download/zjytlfzf-175/', 'Experience'], '801': ['quiz', '/android/vbhicupc-279/', 'Quiz'], '610': ['blog', '/bet/xfxcemdw-104/', 'Inside DoD'], '936': ['from-the-services', '/news/ywlkvwkl-57/', 'From The Services'], '2': ['advisory', '/ios/gystwced-124/', 'Advisory'], '889': ['advisory', '/jili/kzjgdzpo-171/', 'Advisory'], '5': ['publication', '/download/wgirrpis-172/', 'Publication'], '886': ['publication', '/news/cyeiiuma-260/', 'Publication'], '9': ['release', '/ios/xmrxmdqu-6/', 'Release'], '885': ['release', '/blog/tmwaeeja-221/', 'Release'], '11': ['speech', '/bet/yeedgggw-238/', 'Speech'], '884': ['speech', '/blog/gdterita-114/', 'Speech'], '13': ['transcript', '/android/dqwuftde-229/', 'Transcript'], '883': ['transcript', '/jili/veslzjzf-124/', 'Transcript'], '400': ['contracts', '/jili/tirduzso-80/', 'Contracts'] }; Vue.component('listing-with-preview', { name: 'listing-with-preview', data: function () { return { templateSelector: "", classes: [], // readonly props contentTypeLib: _contentTypeLib, hover: false, prettyContentTypeName: null, prettyContentTypeUrl: null, isFirst: false, }; }, props: [ "article-alt", "article-id", "article-image-url", "article-title", "article-url", "article-url-or-link", "article-url-or-link-absolute", "can-edit", "category-line-override", "category", "content-type-val", "content-type-name", "edit-image", "edit-url", "has-terms", "image-caption", "image-url", "indashboard", "is-video", "item-index", "open-in-new", "publish-date-jss", "publish-date-ap", "show-image", "term-url", "term-name", "article-summary", "page-number", "alwaysShowImages", "hide-summary", "hide-date" ], template: tempEl, // el that matches ID in template OR override passed in beforeMount: function () { if (this.$parent.$children.length === 1) { this.isFirst = true; } }, mounted: function () { if (false) console.log("props", this.showImage, JSON.stringify(this.$props, null, 4)); this.prettyContentTypeName = this.constructPrettyContentTypeName(); this.prettyContentTypeUrl = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].url : this.termUrl; if (DEBUG) console.log("sc155: mounted: content type:", this.prettyContentTypeVal, this.prettyContentTypeName, this.prettyContentTypeUrl) }, computed: { categoryName: function () { // Should be safe for CSS class name return encodeURIComponent(this.category) .toLowerCase() .replace(/\.|%[0-9a-z]{2}/gi, ''); }, isInDashboard: function () { return typeof this.indashboard === "undefined" ? false : !!this.indashboard; }, shouldShowDate: function () { return ![514, 700, 801].includes(parseInt(this.contentTypeVal, 10)); }, dashboardCatData: function () { // Example: '1': ['news', '/blog/tpdlebdy-233/', 'News'], return _dashboardCatData[this.contentTypeVal]; }, imageContainerClasses: function () { return this.isInDashboard ? 'dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-3 dgov-col-lg-4 image-container' : 'dgov-col-12 dgov-col-xs-3 dgov-col-sm-4 dgov-col-md-6 dgov-col-lg-6 image-container'; }, contentContainerClasses: function () { return this.isInDashboard ? 'dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-9 dgov-col-lg-8' : (this.isFirst && this.pageNumber === 1 && !this.alwaysShowImages) ? 'dgov-col-12 dgov-col-xs-9 dgov-col-sm-8 dgov-col-md-6 dgov-col-lg-6' : 'dgov-col-12 dgov-col-xs-12 dgov-col-sm-12 dgov-col-md-12 dgov-col-lg-12'; }, imageSrc: function () { return this.isInDashboard ? this.imageUrl : this.articleImageUrl; }, pageNumber: function () { let pageNumber = 1; const activePage = $(".apager .active a span")[0]; if (activePage) { pageNumber = +$(activePage).text(); } return pageNumber; }, }, methods: { addClass: function (newClass) { this.classes.push(newClass); }, constructPrettyContentTypeName: function () { // NOTE: this is duplicated in listing-with-preview and you may have a // change that applies there. Should be moved to shared space using vue:registerjs token // TODO: moved to shared location (via vue:registerjs) let prettyName = null; const isVideo = this.isVideo; // first check for specific entry in _contentTypeLib dictionary if (isVideo) { prettyName = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].videoName : null; if (!prettyName) { // use name if videoName not set prettyName = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].name : null; } } else { prettyName = this.contentTypeLib[this.contentTypeVal] ? this.contentTypeLib[this.contentTypeVal].name : null; } // if still null, and type > 800 check in "custom" entry of contentTypeLib const contentTypeNumber = parseInt(this.contentTypeVal); if (prettyName == null && contentTypeNumber >= 800) { if (isVideo) { prettyName = this.contentTypeLib.custom ? this.contentTypeLib.custom.videoName : null; } else { prettyName = this.contentTypeLib.custom ? this.contentTypeLib.custom.name : null; } } if (prettyName == null) prettyName = this.contentTypeName; return prettyName; }, hasTermName: function () { if (this.termName && this.termName.length > 0) { return true; } return false; }, hoverOn: function () { //if (DEBUG) console.log("i-c106: hover on"); // css :hover solution is not currently used... maybe tricky // this approach is borrowed from the current non-vue way this is done this.hover = true; }, hoverOff: function () { //if (DEBUG) console.log("ic-110: hover off"); this.hover = false; }, resetClass: function () { this.classes = []; }, setCardType: function (cardType) { // we only do one card type so ignore. This is an event from the layout // for the adaptive-card. if (DEBUG) console.log("s-c178: ignoring card type:", cardType); }, targetVal: function () { // openInNew being passed as string b/c reason // reason: tag comes from server side rendering and might // not be good Vue value, must allow this sort of prop to be a string return this.openInNew == "true" ? "_blank" : "_self"; }, }, }); Vue.component('card-edit-span', { name: 'card-edit-span', template: "#vue-card-edit-span-template", props: ["editUrl", "imageUrl", "isEditMode"], }); })(); function normalizeStoryCard() { const cardEls = $('.card-wrapper') const cards = cardEls.toArray(); const maxh = cards.reduce(function (acc, item) { const height = $(item).height(); if (height > acc) { return height; } else { return acc; } }, 0); console.log("height max", maxh); cardEls.height(maxh); } </script> <style> .no-pointer-events { pointer-events: none; } </style> <!-- This fragment compiles a Vue template located in a div with an id of "storyListing-670". --> <script type="text/javascript"> (function () { const DEBUG = false; if (DEBUG) console.log("m-i2: vue:initialize:storyListing"); document.addEventListener("DOMContentLoaded", function () { if (DEBUG) console.log("initializing vue on storyListing in module 670") const elTarg = "#storyListing-670"; // supports sending in "data" and "methods" by naming convention let modData = {}; let modMethods = {}; const typeofModData = typeof(storyListing670_data); const typeofModMethods = typeof(storyListing670_methods); if (typeofModData != "undefined") { modData = storyListing670_data; } if (typeofModMethods != "undefined") { modMethods = storyListing670_methods; } const el = $(elTarg)[0]; const moduleVue = new Vue({ el: el, mounted: function () { // call the callback if exists. // naming vueToken_mounted_670 if (DEBUG) console.log("cb?", typeof (vueToken_mounted_670)); if (typeof (vueToken_mounted_670) === "function" ) { const mountedCB = vueToken_mounted_670; if (mountedCB) { // currently no arguments, just a time event, e.g. when slick // could be initialized. this.$nextTick(mountedCB); } } }, data: modData, methods: modMethods, }); }); })(); </script> </div> </div><!-- End_Module_670 --></div> </div><!--end of empty container --> </div></div> </div> </div> <div id="dnn_ContentPaneFullBleed2" class="DNNEmptyPane"></div> <div id="content-pane-wrap2"> <div class="content-wrap"> <div id="dnn_ContentPane2" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed3" class="DNNEmptyPane"></div> <div id="content-pane-wrap3"> <div class="content-wrap"> <div id="dnn_ContentPane3" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed4" class="DNNEmptyPane"></div> <div id="content-pane-wrap4"> <div class="content-wrap"> <div id="dnn_ContentPane4" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed5" class="DNNEmptyPane"></div> <div id="content-pane-wrap5"> <div class="content-wrap"> <div id="dnn_ContentPane5" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed6" class="DNNEmptyPane"></div> <div id="content-pane-wrap6"> <div class="content-wrap"> <div id="dnn_ContentPane6" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed7" class="DNNEmptyPane"></div> <div id="content-pane-wrap7"> <div class="content-wrap"> <div id="dnn_ContentPane7" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed8" class="DNNEmptyPane"></div> <div id="content-pane-wrap8"> <div class="content-wrap"> <div id="dnn_ContentPane8" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed9" class="DNNEmptyPane"></div> <div id="content-pane-wrap9"> <div class="content-wrap"> <div id="dnn_ContentPane9" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed10" class="DNNEmptyPane"></div> <div id="content-pane-wrap10"> <div class="content-wrap"> <div id="dnn_ContentPane10" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed11" class="DNNEmptyPane"></div> <div id="content-pane-wrap11"> <div class="content-wrap"> <div id="dnn_ContentPane11" class="DNNEmptyPane"></div> </div> </div> <div id="dnn_ContentPaneFullBleed12" class="DNNEmptyPane"></div> <div id="content-pane-wrap12"> <div class="content-wrap"> <div id="dnn_ContentPane12" class="DNNEmptyPane"></div> </div> </div> </main> <div id="footer"> <div class="footer-inner content-wrap content-wrap-wide"> <div class="dgov-grid"> <div class="dgov-col-auto"> <div class="dgov-grid"> <div id="dnn_Footer_footerNavCol1" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto"> <h3>www.trannutrition.com<i class="fas fa-chevron-down"></i></h3> <ul class="footer-nav"> <li class=""> <a href="https://www.sh-pukun.com/blog/tpdlebdy-233/"> <span class="text text-link-18">Home</span> </a> </li> <li class=""> <a href="https://ph.j117e.com/ios/qcqenrvp-34/"> <span class="text text-link-20">News</span> </a> </li> <li class=""> <a href="https://m.coastaldogs.com/ph/oxpdxvtq-265/"> <span class="text text-link-22">Spotlights</span> </a> </li> <li class=""> <a href="https://m.topasiacable.com/ios/ivhbfjaa-40/"> <span class="text text-link-21">About</span> </a> </li> </ul> </div> <div id="dnn_Footer_footerNavCol2" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto"> <h3>Helpful Links<i class="fas fa-chevron-down"></i></h3> <ul class="footer-nav"> <li class=""> <a href="https://m.gamedayboise.com/download/qtvhivqu-124/"> <span class="text text-link-23">Live Events</span> </a> </li> <li class=""> <a href="https://www.cqltdd.com/ph/lkycccgl-201/"> <span class="text text-link-24">Today in DOD</span> </a> </li> <li class=""> <a href="https://m.j251e.com/ios/gmthrapz-78/"> <span class="text text-link-25">Contracts</span> </a> </li> <li class=""> <a href="https://www.xinxiangliang.com/ph/jafvctrl-173/"> <span class="text text-link-26">For the Media</span> </a> </li> <li class=""> <a href="https://dralar.com/blog/bkofdjah-223/"> <span class="text text-link-27">Contact</span> </a> </li> </ul> </div> <div id="dnn_Footer_footerNavCol3" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto"> <h3>Resources<i class="fas fa-chevron-down"></i></h3> <ul class="footer-nav"> <li class=""> <a href="https://www.k591t.com/news/rkjnnlhc-111/"> <span class="text text-link-28">DOD Resources</span> </a> </li> <li class=""> <a href="https://yenbailand.com/android/bpqgnsks-273/"> <span class="text text-link-53">DOD Social Media Policy</span> </a> </li> <li class=""> <a href="https://www.ywdongmingjx.com/jili/mutvatbg-78/"> <span class="text text-link-29">Help Center</span> </a> </li> <li class=""> <a href="https://m.j525e.com/ph/gebvvkex-216/"> <span class="text text-link-30">DOD / Military Websites</span> </a> </li> <li class=""> <a href="https://ph.lxxpcb.com/blog/ydlcilvg-29/" target="_blank" rel="noopener noreferrer"> <span class="text text-link-49">Agency Financial Report</span> </a> </li> </ul> </div> <div id="dnn_Footer_footerNavCol4" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto"> <h3>Popular<i class="fas fa-chevron-down"></i></h3> <ul class="footer-nav"> <li class=""> <a href="https://www.coastaldogs.com/download/twgjwmbi-267/"> <span class="text text-link-33">Value of Service</span> </a> </li> <li class=""> <a href="https://gamedayboise.com/bet/ydtoeifm-100/"> <span class="text text-link-36">Taking Care of Our People</span> </a> </li> <li class=""> <a href="https://m.cnclanka.com/download/kcghygbn-158/"> <span class="text text-link-34">FY 2024 Defense Budget</span> </a> </li> <li class=""> <a href="https://ph.lomophoto.com/download/txxrklhw-266/"> <span class="text text-link-54">National Defense Strategy</span> </a> </li> </ul> </div> </div> </div> <div class="right-col dgov-col-md-12 dgov-col-lg-4"> <div class="right-col-inner"> <div class="mission"> <img class="footer-logo" alt="camera olympus stylus|Olympus Stylus 1 Overview " src="/template/qiye/picture/DOD-Icon-Header.png"> <p>camera olympus stylus|Olympus Stylus 1 Overview Appalto has a range of Junction Boxes that cater to variants of truck scales and dormant scales. Different models are available to suit analog and digital load cell set-ups. Another product which improves customer experience of a .Gaymaletube.com is a pretty straightforward porn site. You know what you will get even before opening the site and looking at the collection. I mean, what else can there be than a bunch of gay dudes fucking each other? Not only do you know what you're getting, but you also see all the categories they offer. You can simply click on either one .</p> </div> <div class="footer-search-wrap"> <label class="sr-only" for="footer-search-input">Enter Your Search Terms</label> <i class="fa fa-search" id="fa-search-icon-bottom"></i> <input type="search" id="footer-search-input" name="footer-search" maxlength="256" placeholder="Search..."> </div> </div> </div> </div> </div> </div> <footer id="footer-main"> <div class="utility-nav"> <ul class=""> <li class=""> <a href="/sitemap.xml"> <span class="text text-link-47">Site Map</span> </a> </li> </ul> </div> <div class="social-nav-subscribe-container"> <div class="social-nav"> <ul class=""> <li class=""> <a href="https://yenbailand.com/blog/tydmqfvs-287/" target="_blank" rel="noopener noreferrer" title="Twitter"> <span class="social-icon fa fa-twitter social-link-5"></span> </a> </li> <li class=""> <a href="https://m.aiyx-sports.com/ios/sppkaxqh-181/" target="_blank" rel="noopener noreferrer" title="Facebook"> <span class="social-icon fa fa-facebook social-link-6"></span> </a> </li> <li class=""> <a href="https://www.candlespetra.com/news/najyvkfs-233/" target="_blank" rel="noopener noreferrer" title="Instagram"> <span class="social-icon fa fa-instagram social-link-8"></span> </a> </li> <li class=""> <a href="https://www.xinxiangliang.com/blog/ndvkdnkp-203/" target="_blank" rel="noopener noreferrer" title="LinkedIn"> <span class="social-icon fa fa-linkedin social-link-51"></span> </a> </li> <li class=""> <a href="https://m.k591t.com/ph/gbclksmc-225/" target="_blank" rel="noopener noreferrer" title="YouTube"> <span class="social-icon fa fa-** social-link-7"></span> </a> </li> </ul> </div> <a class="subscribe-btn btn btn-sm btn-primary" href="https://ph.lxxpcb.com/download/ezsxhlaf-131/" target="_blank">Subscribe</a> </div> </footer> <div id="footer-hosting"><div class="skin-footer-banner"><a target="_blank" rel="noreferrer noopener" href="/"><span>camera olympus stylus|Olympus Stylus 1 Overview - www.trannutrition.com</span></a></div></div> <script type="text/javascript"> var usasearch_config = { siteHandle: skinvars.aid, autoSubmitOnSelect: false, } window.onload = function () { document.getElementById("footer-search-input").value = ""; } var script = document.createElement("script"); script.type = "text/javascript"; script.src = "//search.usa.gov/javascripts/remote.loader.js"; document.getElementsByTagName("head")[0].appendChild(script); (function ($) { $(function () { $('.footer-nav-col h3').click(function () { if (window.innerWidth > 991) return; $(this).parent('.footer-nav-col').toggleClass('active'); }); }); })(jQuery); const queryInput = $("input[name=search-main],input[name=header-search], input[name=footer-search], i[id=fa-search-icon-bottom]").on("keyup", function (e) { if (e.keyCode == 13) { submitSearch($(this)); } }); $("input[name=search-main] ~ button, .search-icon, input[name=footer-search], input[name=footer-search] ~ button, i[id=fa-search-icon-bottom]").on("click", function (e) { e.stopImmediatePropagation(); submitSearch($(this)); }); $(".search-icon").on("keypress", function (e) { if (e.which == 13) { e.stopImmediatePropagation(); submitSearch($(this)); } }); function submitSearch($this) { const query = $this ? ($this.val() || $this.parent().find('input').val()) : ""; const affiliate = !!skinvars.aid ? skinvars.aid : 'defensegov'; if (query.length > 1) window.location = "//search.usa.gov/search?query=" + query + "&affiliate=" + affiliate + "&utf8=%26%23x2713%3B"; } </script> <input name="ScrollTop" type="hidden" id="ScrollTop"> <input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off" value="`{`__scdoff`:`1`,`sf_siteRoot`:`/`,`sf_tabId`:`587`}"> <script src="/template/qiye/js/bootstrap.min.js" type="text/javascript"></script> </form> </body> <!--ＱＱ：--></html>